<script setup lang="ts">
const date = new Date();
const tiemChar = `${date.toLocaleDateString().replaceAll("/", "-")} ${date.toLocaleTimeString()}`;
</script>
<template>
    <div class="cardb">
        <!-- <p class="c-title-5 mt-4 mb-2" style="color: var(--color);">2023-10-20 10:23</p> -->
        <p class="c-title-5 mt-4 mb-2" style="color: var(--color)">{{ tiemChar }}</p>
        <div class="lab d-flex">
            <span class="c-title-5 mr-3" style="color: var(--color)">买入</span>
            <span class="c-bold" style="width: #fff">1200 ETH</span>
        </div>
        <div class="lab d-flex">
            <span class="c-title-5 mr-3" style="color: var(--color)">价值</span>
            <span class="c-bold" style="color: var(--win); font-size: 28px">$536,8798.767</span>
        </div>
        <div class="d-flex align-end mt-8">
            <img class="ma mr-2" src="@/assets/ma.png" alt="" />
            <div class="d-flex flex-column">
                <p class="c-title-5" style="color: var(--color)">推荐码</p>
                <p class="c-bold">65239870</p>
            </div>
        </div>
        <p class="c-title-5 tisp" style="color: var(--color)">ChainingView.com</p>
        <img class="bg" src="@/assets/top3.png" alt="" />
    </div>
</template>
<style scoped lang="less">
.cardb {
    // background-color: green;
    .lab {
        align-items: center;
        // background-color: blue;
    }
}
</style>
